var prefix = "/main"

$(function(){
    load1();
    //获取统计数据
    load2();
});


function load1() {
    $.ajax({
        url: prefix + "/getServerData",
        type: "post",
        success: function (data) {
            if(data != null && data != '') {
                //核心数
                $("#cpuNum1").html(data.cpuDO.cpuNum);
                //用户使用率
                $("#used1").html(data.cpuDO.used + "%");
                //系统使用率
                $("#sys1").html(data.cpuDO.sys + "%");
                //当前空闲率
                $("#free1").html(data.cpuDO.free + "%");

                //总内存
                $("#total2").html(data.memDO.total + "G");
                //已用内存
                $("#used2").html(data.memDO.used + "G");
                //剩余内存
                $("#free2").html(data.memDO.free + "G");
                //使用率
                $("#usage2").html(data.memDO.usage + "%");

                //服务器名称
                $("#computerName").html(data.sysDO.computerName);
                //服务器IP
                $("#computerIp").html(data.sysDO.computerIp);
                //操作系统
                $("#osName").html(data.sysDO.osName);
                //系统架构
                $("#osArch").html(data.sysDO.osArch);

                var html1 = '';
                $.each(data.sysFileList, function (k) {
                    html1 += '<tr>';
                    html1 += '<td width="20%">' + this.typeName + '</td>';
                    html1 += '<td width="20%">' + this.total + '</td>';
                    html1 += '<td width="20%">' + this.free + '</td>';
                    html1 += '<td width="20%">' + this.used + '</td>';
                    html1 += '<td width="20%">' + this.usage + '%</td>';
                    html1 += '</tr>';
                });
                $("#tbody1").html(html1);
            }
        }
    });
}

function load2() {
    $.ajax({
        url : prefix + "/getScanequipCount",
        type : "post",
        success : function(data) {
            if (data != null) {
                $("#allCount").text(data.allCount)
                $("#onlineCount").text(data.onlineCount)
                $("#computureCount").text(data.computureCount)
                $("#addCount").text(data.addCount)


                var dateString1 = new Array();
                var sum1 = new Array();
                for(var i=0;i< data.list1.length;i++){
                    dateString1[i]=  data.list1[i].dateString
                    sum1[i]=  data.list1[i].sum
                }
                //将echart初始化到div中
                var myChart=echarts.init(document.getElementById('bottom-one'))  ;
                //指定图表的配置项和数据
                option = {
                    color: ['#3398DB'],
                    title: {
                        text: '入网趋势图',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                            type: 'none'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '0%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: dateString1,
                            axisLabel: {
                                interval: 0,
                                rotate: -90
                            },
                            axisTick: {
                                alignWithLabel: true
                            }
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value'
                        }
                    ],
                    series: [
                        {
                            name: '在线数',
                            type: 'line',
                            barWidth: '60%',
                            data: sum1
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);


                var ostypeName2 = new Array();
                var sum2 = new Array();
                var array2 = new Array();
                for(var i=0;i< data.list2.length;i++){
                    ostypeName2[i]=  data.list2[i].ostypeName
                    sum2[i]=  data.list2[i].sum
                    var obj2 = {}
                    obj2.value = sum2[i];
                    obj2.name = ostypeName2[i];
                    array2[i] = obj2;
                }
                //将echart初始化到div中
                var myChart=echarts.init(document.getElementById('bottom-tow'))  ;
                //指定图表的配置项和数据
                option = {
                    title: {
                        text: '操作系统饼状图',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c} ({d}%)'
                    },
                    legend: {
                        left: 'center',
                        top: 'bottom',
                        data: ostypeName2
                    },
                    series: [
                        {
                            name: '操作系统',
                            type: 'pie',
                            radius: [30, 100],
                            label: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            },
                            labelLine: {
                                show: false
                            },
                            data: array2
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);


                var ostypeName3 = new Array();
                var sum3 = new Array();
                var array3 = new Array();
                for(var i=0;i< data.list3.length;i++){
                    ostypeName3[i]=  data.list3[i].ostypeName
                    sum3[i]=  data.list3[i].sum
                    var obj3 = {}
                    obj3.value = sum3[i];
                    obj3.name = ostypeName3[i];
                    array3[i] = obj3;
                }
                //将echart初始化到div中
                var myChart=echarts.init(document.getElementById('bottom-three'))  ;
                //指定图表的配置项和数据
                option = {
                    title: {
                        text: '设备类型饼状图',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c} ({d}%)'
                    },
                    legend: {
                        left: 'center',
                        top: 'bottom',
                        data: ostypeName3
                    },
                    series: [
                        {
                            name: '设备类型',
                            type: 'pie',
                            radius: [30, 100],
                            label: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            },
                            labelLine: {
                                show: false
                            },
                            data: array3
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
        }
    });
}